<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/common/common.jsp"%>
<html>
<head>
    <title>Title</title>
    <script>
        $(function (){
            $('#table').bootstrapTable({
                url: '<%=path%>/evolveReply/getInfo',
                method: 'POST',                      //请求方式（*）
                contentType: "application/x-www-form-urlencoded", //如果发送的是post请求，因为bootstap table使用的是ajax方式获取数据，这时会将请求的content type默认设置为 text/plain，这样在服务端直接通过 @RequestParam参数映射是获取不到的。这时就需要在bootstrap-table的参数列表中显式设置：
                toolbar: '#toolbar',              //工具按钮用哪个容器
                striped: true,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sortable: true,                     //是否启用排序
                sortOrder: "asc",                   //排序方式
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
                pageSize: 5,                     //每页的记录行数（*）
                pageList: [5, 10, 15, 20],        //可供选择的每页的行数（*）
                // search: true,                      //是否显示表格搜索,模糊查询
                // strictSearch: true,              //精确查找
                showColumns: true,                  //是否显示所有的列（选择显示的列）
                showRefresh: true,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "id",                     //每一行的唯一标识，一般为主键列
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,                  //是否显示父子表

                //得到查询的参数
                queryParams : function (params) {
                    //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    var temp = {
                        pageNumber: (params.offset / params.limit) + 1,
                        pageSize: params.limit,
                        ekiKeyId : $("#ekiKeyId").val()
                    };
                    return temp;
                },

                columns: [{
                    checkbox: true,
                    visible: true                  //是否显示复选框
                },{
                    field: 'erValue',
                    title: '伪·智能回复',
                },{
                    field: 'id',
                    title: '操作',
                    width : 100,
                    formatter : function (value,row,index){
                        var id = value;
                        var result = "";
                        result += "<a href='javascript:;' class='btn btn-xs blue' onclick=\"EditViewById('" + id + "')\" title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>";
                        // result += "<a href='javascript:;' class='btn btn-xs red' onclick=\"DeleteByIds('" + id + "')\" title='删除'><span class='glyphicon glyphicon-remove'></span></a>";
                        //暂时删除，有需要再添加
                        return result;
                    }
                },]
            });

            $("[name=refresh]").attr("style","height:32px");
            $("[name=toggle]").attr("style","height:32px");
            $("[data-toggle=dropdown]").attr("style","height:32px");
        })

        //增加
        function toAdd(){
            //点击增加按钮,弹出窗口,跳转增加页面
            BootstrapDialog.show({
                title: '增加',
                message: $('<div></div>').load("<%=path%>/evolveReply/toAdd"),
                //弹出框的大小
                size: BootstrapDialog.SIZE_WIDE,
                buttons: [{
                    label: '取消',
                    action: function (dialog) {
                        dialog.close();
                    }
                }, {
                    label: '确定',
                    action: function (dialog) {
                        $.ajax({
                            url : "<%=path%>/evolveReply/addInfo",
                            type : "post",
                            dataType : "json",
                            data : $("#eki_add_form").serialize(),
                            success : function (result){
                                if (result){
                                    toastr.success("提升成功");
                                    dialog.close();
                                    getData();
                                }

                            },
                            error : function (result){
                                toastr.error("提升失败");
                                console.log(result);
                            }
                        })
                    }
                }]
            });
        }

        //修改
        function EditViewById(id){
            //点击修改按钮,弹出窗口,跳转修改页面
            BootstrapDialog.show({
                title: '修改',
                message: $('<div></div>').load("<%=path%>/evolveReply/toUpdate/"+id),
                //弹出框的大小
                size: BootstrapDialog.SIZE_WIDE,
                buttons: [{
                    label: '取消',
                    action: function (dialog) {
                        dialog.close();
                    }
                }, {
                    label: '确定',
                    action: function (dialog) {
                        $.ajax({
                            url : "<%=path%>/evolveReply/updateInfo",
                            type : "post",
                            dataType : "json",
                            data : $("#eki_update_form").serialize(),
                            success : function (result){
                                if (result){
                                    toastr.success("修改成功");
                                    dialog.close();
                                    getData();
                                }

                            },
                            error : function (result){
                                toastr.error("修改失败");
                                console.log(result);
                            }
                        })
                    }
                }]
            });
        }

        //刷新页面
        function getData(){
            $("#table").bootstrapTable("refresh");
        }

        //删除
        function DeleteByIds(id){
            if (confirm("确定删除？")){
                $.ajax({
                    url : "<%=path%>/evolveReply/deleteInfo/"+id,
                    type : "post",
                    dataType : "json",
                    success : function (result){
                        if (result){
                            toastr.success("删除成功");
                            getData();
                        }

                    },
                    error : function (result){
                        toastr.error("删除失败");
                        console.log(result);
                    }
                })
            }
        }
    </script>
</head>
<body>
    <div id="toolbar">
        <form class="form-inline" role="form" id="search-form">
            <div class="form-group">
                <label class="sr-only" for="ekiKeyId"></label>
                <input type="text" class="form-control" id="ekiKeyId" placeholder="请输入您想询问内容" >
            </div>

            <input type="button" class="btn btn-success" value="开始对话" onclick="getData()">
            <input type="button" class="btn btn-info" value="提升智能化" onclick="toAdd()">
        </form>
    </div>
    <a href="<%=path%>/log/logUp">退出登录</a>
    <table id="table"></table>
</body>
</html>
